<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <body>
        <figure>
            <figcaption>动漫图片</figcaption>
            <img src="./示例图片.jpg" alt="" width="500px">
        </figure>

        <picture>  
            <source media="(min-width: 650px)" srcset="http://img.netbian.com/file/2024/0913/small181122AViTD1726222282.jpg">  
            <source media="(min-width: 465px)" srcset="https://img.zcool.cn/community/019ace5864d42ba801219c774c1627.png@1280w_1l_2o_100sh.png">  
            <img src="./微信图片_20240109224515.jpg" alt="">  
          </picture>
    </body>
</body>
</html>